<!doctype html>
<html class="no-js" lang="">
<head>
    <meta charset="utf-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<title>智能交通</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1"></head>
	<link rel="stylesheet" href="../css/style.css">
	<link rel="stylesheet" href="../js/lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="../js/lib/bootstrap-3.3.5-dist/css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="../js/lib/JqueryPagination/jquery.pagination.css">

	<script src="../js/lib/jquery-1.9.1/jquery.min.js"></script>
	<script src="../js/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
	<script src="../js/lib/JqueryPagination/jquery.pagination-1.2.1.js"></script>

	<link rel="stylesheet" href="../css/header.css">
	<link rel="stylesheet" href="../css/footer.css">

	<script src="../js/footer.js"></script>
	<script src="../js/header.js"></script>
	<script src="../js/main.js"></script>
	<script src="../js/news.js"></script>

<body>
	<div class="header">
		<div class="logo-div">
			<img class="image-logo" src="../image/logo2.png">
			<img style="margin-left:150px" src="../image/logo4.png"></div>
		<div class="menu-div">
			<ul>
				<li data-location="index">
					<a class="header-link" href="index.html">网站首页</a>
				</li>
				<li data-location="productCenter">
					<a class="header-link" href="productCenter.html">产品中心</a>
					<div class="li-menu-box">
						<dl>
							<dt>
								<span class="glyphicon"> <i class="production"></i>
									产品中心
								</span>
							</dt>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=1">工程安全信息化管理云平台</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=2" >公路工程施工人员管理系统</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=3">公路工程施工设备管理系统</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=4">工程安全巡查管理系统</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=5">工程安全考核管理系统</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=6">工程资料管理系统</a>
							</dd>
						</dl>
						<dl>
							<dt></dt>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=7">工程质量智能监控云平台</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=8" >混合料运输监控系统</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=9">拌合生产质量监控系统</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=10">智能摊铺施工管控系统</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="productCenter.html?index=11">智能压实施工管控系统</a>
							</dd>
							<dd></dd>
						</dl>
					</div>
				</li>
				<li data-location="programmeCenter">
					<a class="header-link" href="programmeCenter.html">方案中心</a>
					<div class="li-menu-box">
						<dl>
							<dt>
								<span class="glyphicon"> <i class="production"></i>
									方案中心
								</span>
							</dt>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="programmeCenter.html?index=1">平安守护</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="programmeCenter.html?index=2">质量守护</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="programmeCenter.html?index=3">数据守护</a>
							</dd>
						</dl>
					</div>
				</li>
				<li data-location="technicalSupport">
					<a class="header-link" href="technicalSupport.html">技术支持</a>
					<div class="li-menu-box">
						<dl>
							<dt>
								<span class="glyphicon">
									<i class="production"></i>
									技术支持
								</span>
							</dt>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="technicalSupport.html">技术支持</a>
							</dd>
						</dl>
					</div>
				</li>
				<li data-location="classicCase">
					<a class="header-link" href="classicCase.html">经典案例</a>
					<div class="li-menu-box">
						<dl>
							<dt>
								<span class="glyphicon">
									<i class="production"></i>
									经典案例
								</span>
							</dt>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="classicCase.html?index=1">镇丹高速</a>
							</dd>
						</dl>
					</div>
				</li>
				<li data-location="news">
					<a class="header-link" href="news.html">新闻动态</a>
					<div class="li-menu-box">
						<dl>
							<dt>
								<span class="glyphicon">
									<i class="production"></i>
									新闻中心
								</span>
							</dt>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="news.html?index=1">行业信息</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="news.html?index=2">公司新闻</a>
							</dd>
						</dl>
					</div>
				</li>
				<li data-location="about">
					<a class="header-link" href="about.html">关于我们</a>
					<div class="li-menu-box">
						<dl>
							<dt>
								<span class="glyphicon">
									<i class="production"></i>
									关于我们
								</span>
							</dt>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="about.html#about_company_introduction">公司简介</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="about.html#about_product_introduction">产品介绍</a>
							</dd>
							<dd>
								<span class="glyphicon glyphicon-triangle-right"></span>
								<a href="about.html#link_us_address">联系我们</a>
							</dd>
						</dl>
					</div>
				</li>
			</ul>
		</div>
		<div class="search-div">
			<input type="text" placeholder="关键字">
			<span class="glyphicon glyphicon-search" onclick="window.location.reload()"></span>
		</div>
	</div>

	<!-- main -->
	<div class="main" >
		<div class="main-header-bg">
			<img src="../image/news_bg.png" style="width:100%">
			<div class="title"></div>
		</div>
		<div class="main-navbar">
			<span>
				您当前的位置：
				<a href="news.html">新闻中心</a>
			</span>
		</div>
		<div class="main-content" style="padding:10px 150px">
			<div class="leftMenu">
				<ul>
					<li class="menu-title">
						<div>新闻中心</div>
						<p>News</p>
					</li>
					<li class="menu-item active" onclick = "selectNewsType(this,0)">
						<span>行业新闻</span>
					</li>
					<li class="menu-item" onclick = "selectNewsType(this,1)">
						<span>公司新闻</span>
					</li>
				</ul>
			</div>
			<div class="right-div">
				<div class="news-list">
					<!-- <div class="news-item" onclick="window.location.href='newsDetail.html'">
						<img src="../image/paving2.png">
						<div class="news-text">
							<div class="news-title"> <strong style="font-size:16px;">习近平青海考察说了这些事</strong>
								<span style="float:right">2016-08-24</span>
							</div>
							<div class="news-description text-justify">
								独家视频：习近平青海考察说了这些事2016-08-24 10:10:00央视新闻客户端昨天(23日)上午，习近平总书记来到青海省海东市互助土族自治县五十镇班彦村，考察易地扶贫搬迁新村建设情况。在新村建设工地，习近平冒着蒙蒙细雨，走过尚未完工的泥泞道路，来到村民吕有章的新家，察看房屋格局，了解施工进展，关心火炕取暖效果。
							</div>

						</div>
					</div> -->
				</div>
				<div id="news-pagination" class="m-pagination"></div>
			</div>
		</div>
	</div>

	<!-- footer -->
	<div class="footer">
		<div class="row">
			<div class="col-md-6 col-sm-6">
				<img src="../image/logo3.png"></div>
			<div class="col-md-6 col-sm-6 text-right">
				<img src="../image/scanner.jpg" style="width:100px">
				<div class="company-info">
					<div class="text-center">关注飞搏智能微信</div>
					<div class="text-center">了解更多企业信息</div>
					<div class="text-center" style="margin-top:10px">合作电话:025-</div>
					<div class="text-center" style="font-size:25px;font-weight:bold;">66100166</div>
				</div>
			</div>
		</div>
		<div class="text-center">
			<span style="font-size: 12px;">
				Copyright © 2016-2016 江苏飞搏智能 All Rights Reserved
				<a href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备888888号</a>
			</span>
		</div>
	</div>

</body>
</html>

<style type="text/css">
	.leftMenu {
		position: absolute;
		width:200px;
		max-height: 100%;
		height: 500px;
		background: #eeeeee;
	}
	.leftMenu ul{
		padding: 0;
		list-style:none;
	}

	.leftMenu .menu-title {
       color: white;
       font-size: 20px;
       font-weight: bold;
       text-align: center;
       padding:30px 10px 15px;
       /*	    filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#0e84e2',endcolorstr='#0e84e2',gradientType=0);	
	    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr='#0e84e2',endcolorstr='#0e84e2',gradientType=0);	*/
		background: #108ef7; /* 一些不支持背景渐变的浏览器 */  
	    background:-moz-linear-gradient(top, #108ef7, #096db4);  
	    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#108ef7), to(#096db4));  
	}
	.leftMenu .menu-title p {
        font-size: 15px;
	}

    .leftMenu .menu-item {
       cursor: pointer;
       padding: 10px 15px;
       font-size: 13px;
       border-bottom: 1px dashed lightgray;
	}
	.leftMenu .menu-item.active,.menu-item:hover{
       color: #0e84e2;
	}
	.right-div {
		margin-left: 200px;
		min-height: 500px;
		padding: 10px 20px;
	}
    
    .news-list {
       padding: 10px 0;
    }

    .news-item {
       padding: 10px 5px;
       min-height: 160px;
       border-bottom:1px solid #f4f4f4;
    }
    .news-item img {
       position: absolute;
       width: 140px;
       height: 140px;
       cursor: pointer;
    }
    .news-text {
       padding-left: 150px;
    }
	.news-title {
       padding: 5px 0;
	}
	.news-description {
      margin-top:10px;
	}
</style>